#huhead{
    width: 100%;
}
*{
    padding: 0;
    margin: 0;
    font-family:PingFang-SC-Medium;
}
.huheadtop{
    width: 100%;
    height: 130px;
    position: relative;
    float: left;
}

.huheadtop >div{
    width: 1200px;
    height: 100%;
    margin: auto;
    position: relative;
}
.huheadtop >div .huheadlef{
 width: 50%;
    position: relative;
    float: left;
}
.huheadlef  >div:nth-child(1){
    width: 193px;
    position: relative;
    float: left;
    height: 100%;
    padding-top: 37px;
    box-sizing: border-box;
}
.huheadlef  >div:nth-child(1) image{
    width: 193px;
    height: 59px;
}

.huheadlef  >div:nth-child(2){
    width: 100px;
    position: relative;
    float: left;
    height: 100%;
    padding-top: 56px;
    padding-left: 28px;
    box-sizing: border-box;
}

.huheadlef  >div:nth-child(2) select{
    width: 100px;
    font-size:14px;
    font-weight:500;
    color:rgba(58,64,66,1);
    border: 1px solid rgba(1,1,1,0.3);
    outline: none;
}

.huheadlef  >div:nth-child(2) select>option{
    width: 100px;
    font-size:14px;
    font-weight:500;
    color:rgba(58,64,66,1);
}
.huheadright{
    width: 50%;
    height: 100%;
    position: relative;
    float: left;

}

.huheadright div:nth-child(1){
 width: 520px;
 height: 42px;
    position: relative;
    float: right;
    margin-top: 36px;
    box-sizing: border-box;
}

.huheadright div:nth-child(1)  input{
    width: 425px;
    height: 42px;
    position: relative;
    float: left;
    font-size:14px;
    font-weight:500;
    color:rgba(51,51,51,1);
    padding-left: 44px;
    box-sizing: border-box;
    text-align: left;
    outline:none;
   border: 1px solid rgba(233,224,224,1);
}

.huheadright div:nth-child(1)  img{
    width: 20px;
    height: 20px;
    position: absolute;
   left: 15px;
    top: 11px;
}
.huheadright div:nth-child(1) ::-webkit-input-placeholder{
    font-size:14px;
    font-weight:500;
    color:rgba(51,51,51,1);
}
.huheadright div:nth-child(1) ::-ms-input-placeholder{
    font-size:14px;
    font-weight:500;
    color:rgba(51,51,51,1);
}

.huheadright div:nth-child(1) ::-moz-placeholder{
    font-size:14px;
    font-weight:500;
    color:rgba(51,51,51,1);
}


.huheadright div:nth-child(1)  button{
    width: 85px;
    height: 42px;
    position: relative;
    float: left;
    font-size:14px;
    font-weight:500;
    color:rgba(255,255,255,1);
    background:rgba(12,196,255,1);
    border: 1px solid  rgba(12,196,255,1);
}

.huheadright div:nth-child(2){
    position: relative;
    width: 520px;
    height: 42px;
    float: right;
    font-size:14px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(102,102,102,1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
}
option{
    width: 100px;
    font-size:16px;
    font-weight:500;
    color:rgba(58,64,66,1);
}
.huheadbot{
    width: 100%;
    height: 62px;
    position: relative;
    float: left;
    background:rgba(240,251,255,1);
}
.huheadbot>div{
    width: 1200px;
    height: 62px;
    position: relative;
    margin: auto;
}
.huheadbot>div>div:nth-child(1){
    width: calc(100% - 85px);
    height: 100%;
    position: relative;
    float: left;
    display: flex;
    justify-content : space-between;
}

.huheadbot>div>div:nth-child(1){
    width:-moz-calc(100% - 85px - 162px);
    width:-webkit-calc(100% - 85px - 162px);
    width: calc(100% - 85px - 162px);
    height: 100%;
    position: relative;
    float: left;
    display: flex;
    justify-content : space-between;
}
.huheadbot>div>div:nth-child(1) div{
    height: 100%;
    width:114px;
    position: relative;
    color:rgba(51,51,51,1);
}
.huheadbot>div>div:nth-child(1) a{
    height: 100%;
    width:100%;
  position: absolute;
    z-index: 1;
    top: 0px;
}
.huheadbot  p:nth-child(odd){
    width: 100%;
    text-align: center;
    font-size:16px;
    font-weight:500;
    margin-top: 17px;
}

.huheadbot  p:nth-child(even ){
    width: 100%;
    text-align: center;
    font-size:10px;
    font-weight:500;

    line-height: 15px;
}

.mu{
    width: 85px;
    height: 100%;
    position: relative;
    float: right;
    font-size:16px;
    font-weight:500;
    color:rgba(51,51,51,1);
    text-align: center;
    padding-top: 23px;
    box-sizing: border-box;
}

.mux{
    width: 116px;
    height: 100%;
    position: relative;
    float: right;
    font-size:16px;
    font-weight:500;
    color:rgba(51,51,51,1);
    text-align: center;
    box-sizing: border-box;
}
.mux img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    float: left;
    margin-top: 10px;
}
.mux div{
    font-size:16px;
    font-weight:500;
    position: relative;
    float: left;
    height: 20px;
    color:rgba(51,51,51,1);
    text-align: center;
    padding-top: 23px;
    box-sizing: border-box;
    margin-left: 10px;
}

.mu a{
    font-size:16px;
    font-weight:500;
    color:rgba(51,51,51,1);
    text-decoration: none;
}

.active {
    background:rgba(12,196,255,1);
    color:rgba(255,255,255,1)!important;
}


#dibus{
    width: 100%;
    height: 377px;
    float: left;
    position: relative;
    background:rgba(51,51,51,1);
    cursor: pointer;
}

#dibus div:nth-child(1){
width: 100%;
height: 91px;
position: relative;
float: left;
    text-align: center;
    margin-top: 80px;
    white-space: nowrap;
}
#dibus div:nth-child(1) img:nth-child(1){
 width: 91px;
    height: 91px;
    position: relative;
    margin: auto;
}
#dibus div:nth-child(1)>img:nth-child(2) {
    width: 254px;
    height: 82px;
    background: #ffffff;
    margin-left: 31px;
    position: relative;
    top: -3px;
}



#dibus div:nth-child(2){
    width: 100%;
    height:15px;
    margin-top: 59px;
    text-align: center;
    position: relative;
    float: left;
    white-space: nowrap;
}

#dibus  span{
    padding: 0 10px;
    color:rgba(255,255,255,1);
    border-right: 1px solid rgba(255,255,255,1);

}
#dibus div:nth-child(3){
     width: 100%;
     height:15px;
     margin-top: 20px;
     text-align: center;
     position: relative;
     float: left;
     white-space: nowrap;
    color:rgba(255,255,255,1);
 }
#dibus div:nth-child(4){
    width: 100%;
    height:15px;
    margin-top: 20px;
    text-align: center;
    position: relative;
    float: left;
    white-space: nowrap;
    color:rgba(255,255,255,1);
}

.all{
    position: fixed;
    width: 100%;
    z-index: 999;
    background:rgba(1,1,1,0.8);
    height: 100%;
    overflow: hidden;
    overscroll-behavior: contain
}
.alldds{
    position: fixed;
    width: 100%;
    z-index: 999;
    background:rgba(1,1,1,0.8);
    height: 100%;
    overflow: hidden;
    overscroll-behavior: contain
}
.erwei{
    width: 80%;
    height: 80%;
    margin: auto;
    display: inline-block;
    margin-left: 10%;
}

.alldds   span{
    white-space: nowrap;
    line-height: 25px;
    font-size: 14px;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.login{
    position: relative;
    width:380px;
    height: 400px;
    background:rgba(255,255,255,1);
    box-shadow:0px 6px 18px 3px rgba(195,200,205,0.2);
    border-radius:4px;
    top: 20%;
    margin: auto;
    padding: 35px  20px;
    box-sizing: border-box;
    cursor: pointer;
}

.login>div:nth-child(1){
    width: 100%;
    height:49px ;
    position: relative;
}

.login>div:nth-child(1)>div:nth-child(1){
    width:96px;
    height:17px;
    font-size:18px;
    font-weight:500;
    color:rgba(51,51,51,1);
    position: relative;
  margin: auto;
    line-height: 49px;
}
.login>div:nth-child(1)>div:nth-child(2){
    width:36px;
    height:17px;
    font-size:18px;
    font-weight:500;
    position: absolute;
    right: 0px;
    line-height: 49px;
    color:rgba(153,153,153,1);
    top: 0px;
}

.login>div:nth-child(3){
    width: 100%;
    height:49px;
    position: relative;
    border:1px solid rgba(196,196,196,1);
    border-radius:6px;
    margin-top: 30px;
    float: left;
}
.login>div:nth-child(3)>div:nth-child(1){
    position: relative;
    float: left;
    width: 90px;
    height: 100%;
    line-height:49px ;
    text-align: center;
}
.login>div:nth-child(3)>input:nth-child(2){
    position: relative;
    float: left;
    width: calc(100% -  108px);
    height: 100%;
    font-size:16px;
    font-weight:500;
    border: none;
    color:#333333;
    outline: none;
    line-height:49px ;
}

.login>div:nth-child(2){
    width: 100%;
    height:49px;
    position: relative;
    border:1px solid rgba(196,196,196,1);
    border-radius:6px;
    margin-top: 30px;
    float: left;
}
.login>div:nth-child(2)>div:nth-child(1){
    position: relative;
    float: left;
    width: 90px;
    height: 100%;
    line-height:49px ;
    text-align: center;
}
.login>div:nth-child(2)>input:nth-child(2){
    position: relative;
    float: left;
    width: calc(100% -  108px);
    height: 100%;
    font-size:16px;
    font-weight:500;
    border: none;
    color:#333333;
    outline: none;
    line-height:49px ;
}

input::-webkit-input-placeholder {
    color:rgba(153,153,153,1);
}

input::-webkit-inner-spin-button{
    visibility: hidden;
}


.login>div:nth-child(4){
    width: 100%;
    height:49px;
    background:rgba(12,196,255,1);
    border-radius:6px;
    position: relative;
    font-size:20px;
    line-height: 49px;
    text-align: center;
    font-weight:bold;
    color:rgba(254,254,254,1);
    margin-top: 30px;
    float: left;
}

.login>div:nth-child(5){
    width: 100%;
    height:49px;
    position: relative;
    float: left;
    margin-top: 15px;
}

.login>div:nth-child(5) >a:nth-child(1){
    width:77px;
    height:16px;
    font-size:16px;
    font-weight:500;
    color:rgba(12,196,255,1);
    position: relative;
    float: left;
    text-decoration: none;
  line-height: 49px;
}
.login>div:nth-child(5) >a:nth-child(2){
    width:32px;
    height:15px;
    font-size:16px;
    font-weight:500;
    color:rgba(12,196,255,1);
    position: relative;
    float: right;
    line-height: 49px;
    text-decoration: none;
}


/*忘记密码*/


.alld{
    position: fixed;
    width: 100%;
    z-index: 100000;
    background:rgba(1,1,1,0.8);
    height: 100%;
    overflow: hidden;
    overscroll-behavior: contain;
    cursor: pointer;
}
.logins{
    position: relative;
    width:380px;
    height: 430px;
    background:rgba(255,255,255,1);
    box-shadow:0px 6px 18px 3px rgba(195,200,205,0.2);
    border-radius:4px;
    top: 20%;
    margin: auto;
    padding: 0px  20px;
    box-sizing: border-box;
    padding-top: 20px;
    cursor: pointer;
}

.logins>div:nth-child(1){
    width: 100%;
    height:49px ;
    position: relative;
}

.logins>div:nth-child(1)>div:nth-child(1){
    width:96px;
    height:17px;
    font-size:18px;
    font-weight:500;
    color:rgba(51,51,51,1);
    position: relative;
    margin: auto;
    line-height: 49px;
}
.logins>div:nth-child(1)>div:nth-child(2){
    width:36px;
    height:17px;
    font-size:18px;
    font-weight:500;
    position: absolute;
    lefr: 0px;
    line-height: 49px;
    color:rgba(153,153,153,1);
    top: 0px;
}


.logins>div:nth-child(3){
    width: 100%;
    height: 49px;
    position: relative;
    border: 1px solid rgba(196,196,196,1);
    border-radius: 6px;
    margin-top: 30px;
    float: left;
}

.logins>div:nth-child(4){
    width: 100%;
    height: 49px;
    position: relative;
    border: 1px solid rgba(196,196,196,1);
    border-radius: 6px;
    margin-top: 30px;
    float: left;
}
.logins>div:nth-child(3)>div:nth-child(1){
    position: relative;
    float: left;
    width: 90px;
    height: 100%;
    line-height:49px ;
    text-align: center;
}

.logins>div:nth-child(3)>input:nth-child(2) {
    width: 115px!important;
    position: relative;
    float: left;
    height: 100%;
    border: none;
    outline: none;
}
.logins>div:nth-child(3)>input:nth-child(3) {
    width: 115px;
    position: relative;
    float: right;
    height:49px;
    background:rgba(12,196,255,1);
    font-size:16px;
    font-weight:500;
    color:rgba(255,255,255,1);
    line-height: 49px;
    text-align: center;
    border: none;
    cursor: pointer;
}





.logins>div:nth-child(4)>div:nth-child(1){
    position: relative;
    float: left;
    width: 90px;
    height: 100%;
    line-height:49px ;
    text-align: center;
}
.logins>div:nth-child(4)>input:nth-child(2) {
    position: relative;
    float: left;
    width: calc(100% - 108px);
    height: 100%;
    font-size: 16px;
    font-weight: 500;
    border: none;
    color: #333333;
    outline: none;
    line-height: 49px;
}

.logins>div:nth-child(2){
    width: 100%;
    height:49px;
    position: relative;
    border:1px solid rgba(196,196,196,1);
    border-radius:6px;
    margin-top: 30px;
    float: left;
}
.logins>div:nth-child(2)>div:nth-child(1){
    position: relative;
    float: left;
    width: 90px;
    height: 100%;
    line-height:49px ;
    text-align: center;
}
.logins>div:nth-child(2)>input:nth-child(2){
    position: relative;
    float: left;
    width: calc(100% -  108px);
    height: 100%;
    font-size:16px;
    font-weight:500;
    border: none;
    color:#333333;
    outline: none;
    line-height:49px ;
}
.logins>div:nth-child(5){
    width: 100%;
    height:49px;
    background:rgba(12,196,255,1);
    border-radius:6px;
    position: relative;
    font-size:20px;
    line-height: 49px;
    text-align: center;
    font-weight:bold;
    color:rgba(254,254,254,1);
    margin-top: 30px;
    float: left;
}

.pagesdd {
    position: relative;
    float: left;
    margin-top: 30px;
    height: 80px;
    text-align: center;
    width: 100%;
}

.page {
    font-weight: 900;
    height: 40px;
    text-align: center;
    color: #888;
    margin: 20px auto 0;
    background: #f2f2f2;
}

.pagelist {
    font-size: 0;
    background: #fff;
    height: 50px;
    line-height: 50px;
}

.pagelist span {
    font-size: 14px;
}

.pagelist .jump {
    border: 1px solid #ccc;
    padding: 5px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 5px;
}

.pagelist .bgprimary {
    cursor: default;
    color: #fff;
    background: rgba(12,196,255,1);
    border-color: rgba(12,196,255,1);
}

.jumpinp input {
    width: 55px;
    height: 26px;
    font-size: 13px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
}

.ellipsis {
    padding: 0px 8px;
}

.jumppoint {
    margin-left: 30px;
}

.pagelist .gobtn {}

.bgprimary {
    cursor: default;
    color: #fff;
    background: rgba(12,196,255,1);
    border-color: rgba(12,196,255,1);
}

.pagesdd {
position: relative;
float: left;
margin-top: 30px;
height: 80px;
text-align: center;
width: 100%;
}

.allddd{
position: absolute!important;
margin-top: -196px;
width: 100%!important;
height: 125%!important;
background: rgba(1,1,1,0.6);
}
.allddd>div{
width: 1200px!important;
height: 100%!important;
margin: auto;
float: none!important;
text-align: center;
padding-top: 200px;
}
.swiper-container {
margin-top: 50px;
position: relative!important;
}

.swiper-container img{
width: 1200px;
height: 300px;
border-radius: 10px;
}
.jieshuylan {
position: relative;
float: left;
color: #ffffff;
padding: 5px 13px;
color:#ffffff;
cursor: pointer;
font-size: 14px;
background: rgba(12,196,255,1);
border: 1px solid rgba(12,196,255,1);
border-radius: 10px;
}